<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" rev="stylesheet" href="reset.css" type="text/css" />
<style>
.clearfix {zoom:1}
.clearfix:after {
content: '\20';
display: block;
clear: both;
}
body{background:#222;}
#main{
	padding:1px;
	width:700px;
	margin:15px auto;
	background:#fff;
}
#header{
	background:url(sprites.gif) 0 100%;
	padding:20px 0 30px 30px;
	color:#fff;
	font-size:26px;
    border-bottom:#CC0000 5px solid;
}
#content{
margin-top:1px;
border-top:#C00 1px dotted;
}
.bk1{
margin:10px;
}
.bk1 p{
padding:6px;
line-height:1.6;
}
#footer{
	text-align:right;
	margin:20px 10px;
	font-size:12px;
	color:#666;
}
</style>
</head>
<body>
<div id="main" >
    <p id="header">Ming Qian</p>
    <div class="clearfix" id="content">
        <p style="text-align:center;margin:20px;float:right;">
            <img src="m4.jpg" />
        </p>
        <div class="bk1">

            <p><b>I am learning this tutorial.</b></p>
			<a href="http://www.google.com">Google</a>
           
        </div>

        <div class="bk1">
            <p><b>This tutorial is good.</b></p>
           
        </div>
        <div class="bk1">
            <p>I found that it is created by my classmate.</p>
            <p>He is a really smart guy and he always is glad to share his knowledge with others</p>
        </div>
        <div class="bk1">
                <p>Cool. I am going through every chapater.</p>

        </div>
    </div>
	<div id="footer" >
		Copyright 2012
</div>
</body>